﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
	<link rel="stylesheet" href="http://yui.yahooapis.com/2.5.1/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css" />
    <style type="text/css">
body{text-align:left}
table.control{width:100%;padding:0;margin:0}
table.control td{padding:0;margin:0}
table.control td.tl{background-image:url(res/tl.gif);background-repeat:no-repeat;width:8px;line-height:27px}
table.control td.t{background-image:url(res/t.gif);background-repeat:repeat-x;line-height:27px;color:White;font-weight:bold;padding-left:4px}
table.control td.tr{background-image:url(res/tr.gif);background-repeat:no-repeat;width:8px;line-height:27px}
table.control td.l{background-image:url(res/l.gif);background-repeat:no-repeat;width:8px}
table.control td.r{background-image:url(res/r.gif);background-repeat:no-repeat;width:8px}
table.control td.bl{background-image:url(res/bl.gif);background-repeat:no-repeat;width:8px;line-height:19px}
table.control td.b{background-image:url(res/b.gif);background-repeat:repeat-x;line-height:19px}
table.control td.br{background-image:url(res/br.gif);background-repeat:no-repeat;width:8px;line-height:19px}
    </style>
</head>
<body>
<div id="hd">
</div>
<div id="bd">
	<div class="yui-g">
		<div class="yui-u first">
<table id="Table0" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td><p>世界你好！</p></td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
<table id="Table1" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td><p>这是一个多美妙的世界。</p><p>我要当爹了</p></td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
		</div>
		<div class="yui-u">
<table id="Table2" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td>asdf </td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
<table id="Table3" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td>asdf </td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
<table id="Table4" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td>asdf </td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
		</div>
	</div>
	<div class="yui-gb">
		<div class="yui-u first">
<table id="Table5" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td>asdf </td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
		</div>
		<div class="yui-u">
<table id="Table6" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td>asdf </td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
<table id="Table7" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td>asdf </td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
		</div>
		<div class="yui-u">
<table id="Table8" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td>asdf </td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
<table id="Table9" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td>asdf </td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
<table id="Table10" class="control" cellpadding="0" cellspacing="0">
	<tr><td class="tl">&nbsp;</td><td class="t">Title</td><td class="tr">&nbsp;</td></tr>
	<tr><td class="l">&nbsp;</td><td>asdf </td><td class="r">&nbsp;</td></tr>
	<tr><td class="bl">&nbsp;</td><td class="b">&nbsp;</td><td class="br"> </td></tr>
</table>
		</div>
	</div>
</div>
<div id="ft">
</div>
</body>
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript">
var _dom = YAHOO.util.Dom;
var _event = YAHOO.util.Event;

function showOveraly(e,el)
{
}

(function() {
for(var i = 0; i <= 10; i++)
{
	var t = _dom.get("Table" + i);
	var oel = document.createElement("div");
	oel.id = t.id + "_over";
	oel.innerHTML = oel.id;
	_event.addListener(t, "mouseover", showOveraly, oel);
}
})();
</script>
</html>
